<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>个人中心</title>
    <link rel="stylesheet" href="css/personalcenter.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_1566355_d9invjgxptk.css">
    <!-- <link rel="stylesheet" href="http://at.alicdn.com/t/font_1566550_fl55xfspegu.css"> -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vant@2.2/lib/index.css">
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>

<body>
    <div class="body-wrap">
        <div class="leftnav">
            <ul></ul>
        </div>
        <div class="page">
            <div id="maskPage"></div>
            <div id="header-title">
                <header class="header">
                    <div class="header-wrap">
                        <div class="left">
                            <a class="header-ico ui-link" href="index.html">
                                <i class="ico ico-back-black"></i></a>
                        </div>
                        <div class="header-title" id="top-title"><strong>我的</strong></div>
                    </div>
                </header>
                <div class="header-gap"></div>
            </div>
            <div class="headerimg">
                <div class="bg"
                    style="background:url(image/top_bg.jpg) 0% 0% / cover ;">
                    <div class="info" id="info-wrap">
                        <a href="/user/info.html?" target="_self" id="onUserInfo">
                            <span class="headIcon">
                                <img src="image/men.jpg" class="wimg" id="headphoto">
                            </span>
                        </a>
                        <h3>星河</h3>
                        <div class="figcaption">
                            <p>个人介绍：<span>易烊千玺</span></p>
                        </div>
                        <a class="signBtn" href="/sign/index.html?" target="_self">
                            <i class="ico gift"></i>
                            签到有奖
                        </a>
                    </div>
                </div>
            </div>
            <div class="list">
                <!-- <div class="community-info md-list">
                <ul id="nums-wrap">
                </ul>
                <script type="text/x-jquery-tmpl" id="nums-tmpl">
                    <li>
                        <a href="javascript:;">作品（${tongji_post}）</a>
                        <a href="javascript:;">关注（${tongji_follow}）</a>
                        <a href="javascript:;">粉丝（${tongji_be_follow}）</a>
                    </li>
                </script>
            </div> -->
                <a id="receiveAddress">
                    <div class="md-align-space md-list md-address">
                        <div class="bar">
                            我的订单
                        </div>
                        <span class="more"><i class="ico ico-more"></i></span>
                    </div>
                </a>
                <a id="receiveAddress">
                    <div class="md-align-space md-list md-address">
                        <div class="bar">
                            我的收藏
                        </div>
                        <span class="more"><i class="ico ico-more"></i></span>
                    </div>
                </a>
                <div class="md-align-space md-list">
                    <a>
                        <div class="bar">
                            我的红包
                        </div>
                        <div class="bar">
                            <i class="ico ico-voucher"></i>
                        </div>
                    </a>
                    <a class="more"><i class="ico ico-more"></i></a>
                </div>
                <a>
                    <div class="md-align-space md-list">
                        <div class="bar">
                            商城兑换
                        </div>
                        <span class="more"><i class="ico ico-more"></i></span>
                    </div>
                </a>
                <a id="receiveAddress">
                    <div class="md-align-space md-list md-address">
                        <div class="bar">
                            收货地址
                        </div>
                        <span class="more"><i class="ico ico-more"></i></span>
                    </div>
                </a>

                <a id="loginout">
                    <div class="md-align-space md-list md-address">
                        <div class="center">
                            <a href="login.html">退出登录</a>
                        </div>
                    </div>
                </a>
            </div>
        </div>
    </div>
    <!--底部导航 start-->
    <div class="tab">
        <ul>
            <li>
                <a href="index.html">
                    <span class="iconfont icon-index"></span>
                    <p>首页</p>
                </a>
            </li>
            <li>
                <a href="sort.html">
                    <span class="iconfont icon-fl"></span>
                    <p>分类</p>
                </a>
            </li>
            <li>
                <a href="shoppingcart.html">
                    <span class="iconfont icon-shop"></span>
                    <p>商城</p>
                </a>
            </li>
            <li>
                <a href="personalcenter.html">
                    <span class="iconfont icon-my"></span>
                    <p>我的</p>
                </a>
            </li>
        </ul>
    </div>
<!--底部导航 end-->

</body>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vant@2.2/lib/vant.min.js"></script>
</html>